<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>UMEDITOR 完整demo</title>
    <!-- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> -->
    <!-- <link href="../themes/default/_css/umeditor.css" type="text/css" rel="stylesheet"> -->
	<style>
		body {
			background: #eee;
		}
		body, h1,h2,h3,h4,h5,h6 {
			margin: 0;
			padding: 0;
		}
		.horizontal-dotted-line, .vertical-dotted-line {
			position: fixed;
		}
		.horizontal-dotted-line {
			width: 100%;
			height: 0px;
			border-bottom: red dotted 1px;
		}
		.vertical-dotted-line {
			height: 100%;
			width: 0;
			border-left: red dotted 1px;
		}
		.two-vertical-dotted-line {
			position: fixed;
			width: 680px;
			height: 100%;
			margin: 0 auto;
			padding: 0;
			border-left: red dotted 1px;
			border-right: red dotted 1px;
			top: 0;
			left: 0;
		}
		.rrkemr-designer-head {
			width: 792px;
			display: block;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			margin-top: 15px;
			margin-bottom: 10px;
		}
		.root-container, .root-left-side, .root-right-side, .root-main {
			height: 1122px;
			margin: 0;
			padding: 0;
			background: white;
		}
		.root-container {
			width: 792px;   /* 792+2 */
			height: 1122px; /* 1122+2 */
			border-style: solid;
			border-width: 1px;
			border-color: #239;
			border-radius:3px;
			margin-left: auto;
			margin-right: auto;
		}
		.root-left-side , .root-right-side {
			background: #fff;
		}
		.root-left-side {
			float: left;
			width: 56px;
		}
		.root-right-side {
			float: left;
			width: 56px;
		}
		.root-main, .main-top, .page-head, .page-head-center, .patient-register-info, .page-head-hr {
			width: 680px;
		}
		.root-main {
			float: left;
		}
		.main-top {
			height: 48px;
			background: #dff;
		}
		.page-head {
			height: 100px;
			background: #9df;
		}
		.page-head-center {
			text-align: center;
		}
		.page-head-title {
			font-family: 宋体;
			font-size: 18pt;
			font-weight: bold;
			letter-spacing: 0.1em;
			padding-top: 0.25em;
		}
		.page-head-subtitle {
			font-family: 宋体;
			font-size: 15.75pt;
			letter-spacing: 0.2em;
			padding-top: 0.25em;
		}
		.patient-register-info {
			font-family: 宋体;
			font-size: 10.5pt;
			padding-top: 0.5em;
		}
		.page-head-hr {
			height: 10px;
			border-bottom: 2px solid #222;
		}
	</style>
    <!-- <script type="text/javascript" src="../third-party/jquery.min.js"></script> -->
    <!-- <script type="text/javascript" charset="utf-8" src="../umeditor.config.js"></script> -->
    <!-- <script type="text/javascript" charset="utf-8" src="editor_api.js"></script> -->
    <!-- <script type="text/javascript" src="../lang/zh-cn/zh-cn.js"></script> -->
	<script type="text/javascript" src="../third-party/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
</head>
<body>

<h3 class="rrkemr-designer-head">人人康电子病历模板设计器</h3>

<div class="horizontal-dotted-line"></div>
<div class="vertical-dotted-line"></div>

<div class="two-vertical-dotted-line"></div>

<div class="root-container">
	<div class="root-left-side">
	</div>
	<div class="root-main">
		<div class="main-top"></div>
		<div class="page-head">
			<div class="page-head-center page-head-title">
				<span>人人康科技医院</span>
			</div>
			<div class="page-head-center page-head-subtitle">
				<span class="">入院记录</span>
			</div>
			<div class="patient-register-info">
				姓名: <span name="patientName">王思思</span><span style="margin:0 30px;"><span>性别: <span name="patientGender">女</span><span style="margin:0 30px;"><span>科别: <span name="keshi">外科</span><span style="margin:0 30px;"><span>床号: <span name="chuanghao">302</span><span style="margin:0 30px;"><span>病案号: <span name="chuanghao">20171224001</span>
			</div>
			<div class="page-head-hr"></div>
		</div>
		<!-- (1122) 48 + 100 +  -->
		<div class="page-body"></div>
		<div class="page-footer"></div>
	</div>
	<div class="root-right-side">
	</div>
</div>
<script type="text/javascript">
	$(function(){
		var bodyWidth = $("body").width();
		//alert( bodyWidth );
		var offsetLeft = (bodyWidth - 680)/2;
		$("div.two-vertical-dotted-line").css({left: offsetLeft});
	});
</script>
</body>
</html>